{extend name='public/layout' /}
{block name='content'}
{include file='loupan/nav' /}
<div class="div_box">
    <h1 class="h1_title"><span class="h1_title_t">楼盘户型</span></h1>
    <ul class="cate_ul">
        <li><a {empty name='type_id'}class="selected" {/empty} href="{:url('Loupan/type',['house_id'=>$info['id']])}" >全部({$type_count})</a></li>
        {volist name='room_title' id='vo'}
        <li><a {if condition="$key eq $type_id"} class="selected"{/if} href="{:url('Loupan/type',['house_id'=>$info['id'],'type_id'=>$key])}" >{$key}居室({$vo.total})</a></li>
        {/volist}
    </ul>
    <div class="type_ul">
        <ul>
            {volist name='room_all' id='vo'}
            <li>
                <a href="{$vo.img}">
                    <img title="{$info.title}{$vo.title}" alt="{$info.title}{$vo.title}" src="{$vo.img}">
                    <p>{$vo.title}</p>
                    <p>{$vo.room}室{$vo.ting}厅{$vo.wei}卫{$vo.yang}阳台{$vo.chu}厨 {$vo.jianzhu_area}㎡</p>
                </a>
            </li>
            {/volist}

        </ul>
        <div style="float: none;clear: both"></div>
    </div>
</div>
<link href="__PUBLIC__/js/photoswipe/css/photoswipe.css" rel="stylesheet" />
<script src="__PUBLIC__/js/photoswipe/js/klass.min.js"></script>
<script src="__PUBLIC__/js/photoswipe/js/photoswipe.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var myPhotoSwipe = $(".type_ul a").photoSwipe({
            enableMouseWheel: false,
            enableKeyboard: false,
            captionAndToolbarAutoHideDelay: 0
        });
    });
</script>
{/block}